*{
    padding: 0;
    margin: 0;
}
body{
    font-size: 12px;
    font-family: Tahoma,Geneva,sans-serif;
    background-color: #eee7e1;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
//头部用户名开始
#top-user-box{
    height: 31px;
    width: 100%;
    background-color: #FFFFFF;
    border-bottom: 1px solid #FBFBFB;
    #top-user{
        height: 31px;
        line-height: 31px;
        width: 960px;
        margin: 0 auto;
        .user-out{
            color: #999999;
            float: right;
            p{
                float: left;
            }
            a{
                float: left;
                color: #999999;
            }
            a:hover{
                color: #ED145B;
            }
            .username{
                color: #ED145B;
                padding: 0 6px;
            }
            .line{
                padding: 0 7px;
            }
        }
    }
}
//头部用户名结束
//网站logo开始
#home-logo-box{
    height: 66px;
    width: 100%;
    background-color: #FFFFFF;
    border-bottom: 2px solid #E5E5E5;
    .home-logo{
        height: 66px;
        width: 960px;
        margin: 0 auto;
        .logo{
            height: 48px;
            width: 255px;
            float: left;
            background: url(../images/cart_logo.jpg) no-repeat;
        }
        .cart-order{
            height: 50px;
            width: 392px;
            float: right;
            background: url(../images/order_path.jpg) no-repeat 0px -50px;
        }
    }
    
}
//网站logo结束
//地址选择开始
#add{
    width: 960px;
    padding: 0 22px;
    margin: 0 auto;
    margin-top: 55px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    overflow: hidden;
    .title{
        height: 50px;
        line-height: 50px;
        font-size: 18px;
        font-weight: 700;
        font-family: "微软雅黑"; 
    }
    .add-list{
        overflow: hidden;
        .left{
            float: left;
            li{
                height: 24px;
                width: 100px;
                line-height: 24px;
                margin-bottom: 25px;
                text-align: right;
                span{
                    color: #ED145B;
                    font-weight: 700;
                }
            }
        }
        .right{
            float: left;
            li{
                height: 24px;
                padding-left: 5px;
                width: 816px;
                margin-bottom: 25px;
                .add-name{
                    height: 24px;
                    width: 198px;
                    border: 1px solid #CCCCCC;
                }
                select{
                    height: 24px;
                    width: 144px;
                    border: 1px solid #CCCCCC;
                    margin-right: 10px;
                }
                .add{
                    height: 24px;
                    width: 328px;
                    border: 1px solid #CCCCCC;
                    text-indent: 3px;
                }
                .m-phone{
                    height: 24px;
                    width: 123px;
                    border: 1px solid #CCCCCC;
                    float: left;
                }
                .phone-text{
                    float: left;
                    line-height: 24px;
                    margin-left: 10px;
                    span{
                        color: #ED145B;
                        font-weight: 700;
                    }
                }
                .area{
                    height: 24px;
                    width: 58px;
                    border: 1px solid #CCCCCC;
                    text-indent: 3px;
                }
                .phone-num{
                    height: 24px;
                    width: 98px;
                    border: 1px solid #CCCCCC;
                    text-indent: 3px;
                }
                .phone-part{
                    height: 24px;
                    width: 58px;
                    border: 1px solid #CCCCCC;
                    text-indent: 3px;
                }
            }
        }
    }
    .add-enter{
        height: 25px;
        margin-bottom: 40px;
        a{
            display: block;
            line-height: 25px;
            text-align: center;
            float: left;
        }
        .add-succ{
            height: 25px;
            width: 84px;
            background-color: #f82a6e;
            color: #FFFFFF;
            margin-left: 105px;
        }
        .add-succ:hover{
            background-color: #ED145B;
            text-decoration: none;
        }
        .cancle{
            height: 23px;
            line-height: 23px;
            width: 54px;
            background-color: #F3F3F3;
            color: #999999;
            border: 1px solid #E0E0E0;
            margin-left: 10px;
        }
        .cancle:hover{
            color: #ED145B;
            text-decoration: none;
        }
    }
}
//地址选择结束
//送货时间开始
#good-time{
    height: 119px;
    width: 960px;
    padding: 0 22px;
    margin: 0 auto;
    background-color: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    .title{
        height: 50px;
        line-height: 50px;
        font-size: 18px;
        font-weight: 700;
        font-family: "微软雅黑";
        span{
            font-size: 14px;
            color: #666666;
            padding-left: 8px;
            font-family: "宋体";
        }
    }
    .when{
        li{
            border: 1px solid #CCCCCC;
            float: left;
            margin-right: 20px;
            label{
                height: 36px;
//              width: 123px;
                border: 1px solid #FFFFFF;
                line-height: 35px;
                padding: 0px;
                padding-right: 30px;
                text-indent: 33px;
                #inlineRadio1{
                    float: left;
                    margin-top: 12px;
                }
            }
        }
        .user-time{
            border: 1px solid #6eaf4f;
            label{
                border: 1px solid #6eaf4f;
                background-color: #e6f6de;
            }
        }
    }
}
//送货时间结束
//商品清单开始
#good-list{
    width: 960px;
    padding: 0 22px;
    margin: 0 auto;
    background-color: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    .title{
        height: 50px;
        line-height: 50px;
        font-size: 18px;
        font-weight: 700;
        font-family: "微软雅黑"; 
    }
    .back-cart{
        height: 35px;
        line-height: 16px;
        color: #0ABEDE;
        font-family: 宋体;
        span{
            font-weight: 700;
        }
        .go-back{
            float: right;
            color: #ED145B;
        }
    }
    .pay-list{
        width: 914px;
        border: 1px solid #CCCCCC;
        ul{
            border-bottom: 1px solid #E2E2E2;
            text-align: center;
            margin-bottom: 0px;
        }
        li{
            float: left;
        }
        li.good-name{
            width: 480px;
            padding-left: 30px;
            text-align: left;
        }
        li.good-num{
            width: 120px;
        }
        li.good-price{
            width: 155px;
        }
        li.good-money{
            width:157px;
        }
        .title-box{
            height: 36px;
            line-height: 36px;
            background-color: #f0f0f0;
            color: #333333;
        }
        .good-box{
            height: 53px;
            line-height: 53px;
            .good-name{
                .name-text{
                    font-size: 14px;
                    color: #000000;
                    float: left;
                }
                .name-img{
                    height: 100px;
                    width: 100px;
                    display: block;
                    float: left;
                    border: 1px solid #E2E2E2;
                    margin-left: 19px;
                    margin-top: -25px;
                    display: none;
                }
                .name-text:hover{
                    color: #ED145B;
                }
            }
            .good-price,.good-money{
                font-size: 16px;
                color: #333333;
                font-family: Helvetica,arial,sans-serif;
                font-weight: 700;
            }
        }
        .bottom-money{
//          margin-top: 10px;
            height: 38px;
            background-color: #FAFAFA;
            span{
                line-height: 38px;
                float: right;
            }
            .money{
                font-size: 16px;
                color: #ED145B;
                font-weight: 700;
                font-family: Helvetica,arial,sans-serif;
                margin-right: 50px;
                margin-left: 80px;
            }
        }
    }
    .money-all{
        margin-top: 20px;
        height: 26px;
        line-height: 26px;
        margin-bottom: 35px;
        span{
            line-height: 26px;
            float: right;
        }
        .money-num{
            color: #ED145B;
            font-size: 22px;
            font-weight: 700;
            font-family: Helvetica,arial,sans-serif;
            margin-right: 25px;
        }
    }
}
//商品清单结束
//支付方式开始
#pay-way{
    width: 960px;
    padding: 0 22px;
    margin: 0 auto;
    background-color: #FFFFFF;
    .title{
        height: 50px;
        line-height: 50px;
        font-size: 18px;
        font-weight: 700;
        font-family: "微软雅黑"; 
    }
    .way-box{
        width: 914px;
        border: 1px solid #D5D5D5;
        label:last-child{
            border: none;
        }
        label{
            height: 61px;
            width: 916px;
            line-height: 41px;
            padding: 10px 15px;
            text-indent: 27px;
            font-size: 14px;
            font-weight: 700;
            margin-left: 0px;
            border-bottom: 1px solid #D5D5D5;
            input{
                margin-top: 15px;
                float: left;
            }
            span{
                font-size: 12px;
                color: #959595;
                font-weight: 300;
                margin-left: 15px;
            }
            
        }
    }
    .pay-enter{
        height: 95px;
        .back-cart{
            height: 38px;
            width: 123px;
            display: block;
            line-height: 38px;
            text-align: center;
            color: #333333;
            font-size: 14px;
            background-color: #fafafa;
            border: 1px solid #D9D9D9;
            margin-top: 32px;
            float: left;
        }
        .back-cart:hover{
            background-color: #F5F5F5;
            text-decoration: none;
        }
        .pay-submit{
            float: right;
            height: 40px;
            width: 160px;
            border: 1px solid #fc6e9d;
            background-color: #f8296d;
            font-size: 20px;
            color: #FFFFFF;
            margin-top: 32px;
        }
        .money{
            float: right;
            margin-top: 42px;
            margin-right: 20px;
            span{
                font-size: 22px;
                color: #ED145B;
                font-weight: 700;
                font-family: Helvetica,arial,sans-serif;
            }
        }
    }
}
//支付方式结束
//底部开始
#bottom-box{
    margin-top: 68px;
    height: 136px;
    width: 100%;
    background-color: #F2F2F2;
    #bottom-text{
        padding-top: 13px;
        width: 1090px;
        margin: 0 auto;
        margin-bottom: 13px;
        p{
            text-align: center;
            line-height: 23px;
            a{
                color: #000000;
            }
            a:hover{
                text-decoration: underline;
            }
        }
    }
    #bottom-logo{
        width: 695px;
        overflow: hidden;
        margin: 0 auto;
        li:last-child{
            margin-right: 0px;
        }
        li{
            float: left;
            height: 46px;
            width: 126px;
            border-bottom: 1px solid #d7d7d7;
            margin-right: 16px;
            a{
                height: 46px;
                width: 124px;
                display: block;
            }
            .logo1{
                background: url(../images/footer_btm_icon.png) no-repeat -1px -1px;
            }
            .logo2{
                background: url(../images/footer_btm_icon.png) no-repeat -127px -1px;
            }
            .logo3{
                background: url(../images/footer_btm_icon.png) no-repeat -253px -1px;
            }
            .logo4{
                background: url(../images/footer_btm_icon.png) no-repeat -379px -1px;
            }
            .logo5{
                background: url(../images/footer_btm_icon.png) no-repeat -505px -1px;
            }
        }
    }
}
//底部结束
